<template>
  <div class="bar-container">
    <div class="bar-intro">
      <!-- <div class="text">
        阿里云双十一优惠活动，点击链接进行购买: <a href="https://www.aliyun.com/1111/pintuan-share?ptCode=MTY5MzQ0Mjc1MzQyODAwMHx8MTE0fDE%3D&userCode=4sm8juxu">一年仅需89元即可以购买服务器~</a>。我个人服务器为2核4G配置，也更加推荐购买 <a href="https://www.aliyun.com/1111/pintuan-share?ptCode=MTY5MzQ0Mjc1MzQyODAwMHx8MTE0fDE%3D&userCode=4sm8juxu">2核4G三年799元</a> 配置的服务器。
      </div>
      <div class="text">
        你可以跟着我的笔记 <a href="https://shanyue.tech/op/">当我有一台服务器时，我做了什么</a> 来开始维护服务器并搭建应用，将引导你使用 docker 和 k8s 搭建一个自己的服务器开发集群。
      </div> -->
      <div class="text">
        极客时间对于推广渠道会有返利优惠，比如山月在极客时间买了一门课，再把课程分享给好友购买，这时极客时间会向山月返利20元左右。
      </div>
      <div class="text">
        而我现在做了一个<a href="http://geek.shanyue.tech/">返利平台</a>，你可以在上边通过<a href="https://geek.shanyue.tech">山月的链接</a>购买课程，此时极客时间会向我返利。为了共同学习，而你可以添加我的微信 (shanyue94)，我将把<strong>极客时间给我的返利发一个红包全部返给你</strong>。
      </div>
    </div>
  </div>
</template>

<style>
.bar-container {
  padding: 1rem 0;
}

.bar-container strong {
  color: #3eaf7c;
}

.bar-container .bar-intro {
  padding: 1rem;
  margin-top: 1rem;
  background: #3eaf7c33;
  color: #777;
}

.bar-container .text {
  padding-top: .5rem;
}

.bar-container .link {
  color: unset;
  display: block;
}
</style>
